<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
 
 <?php include '../includes/head.php'; ?> 

</head>
<body>
  
  <!-- Header and Nav -->
  
 <?php include '../includes/topo.php'?>
  
  <!-- End Header and Nav -->
  
  
  <!-- Three-up Content Blocks -->
  
  <div class="row">

  <!-- Side Bar -->

        <div class="four mobile-four columns">

		<ul class="accordion">
		  <li class="active">
		    <div class="title">
		      <h5>Cidade</h5>
		    </div>
		    <div class="content">
		      	<select>
		      		<option value=""></option>
		      		<option value="">Recife</option>
		      		<option value="">Jaboatão dos Guararapes</option>	
		      	</select>
		    </div>
		  </li>
		  <li class="active">
		    <div class="title">
		      <h5>Quartos</h5>
		    </div>
		    <div class="content">
		      	<form class="custom">
		      		<label for="radio5">
		      			<input name="radio2" type="radio" id="radio5" style="display: none;">
		      			<span class="custom radio checked"></span> 
		      			1 a 2 quartos
		      		</label>
		      		<label for="radio6">
		      			<input name="radio2" type="radio" id="radio6" style="display: none;">
		      			<span class="custom radio"></span> 
		      			3 a 4 quartos
		      		</label>
		      	</form>
		    </div>
		  </li>
		</ul>

        </div>

    <!-- End Side Bar -->


    <!-- Thumbnails -->

        <div class="eight columns">
          <div class="row">

           <?php for ($i = 0; $i < 12; $i++) {?>
            <div class="four mobile-two columns">
              <img src="http://placehold.it/500x500&amp;text=Thumbnail">

              <div class="panel">
                <h5>Item Name</h5>
                <h6 class="subheader">$000.00</h6>
              </div>
            </div>
			<?php }?>
    <!-- End Thumbnails -->
          </div>
        </div>
      </div>
  
  <!-- Call to Action Panel -->
  <div class="row">
    <div class="twelve columns">
    
      <div class="panel">
        <h4>Get in touch!</h4>
            
        <div class="row">
          <div class="nine columns">
            <p>We'd love to hear from you, you attractive person you.</p>
          </div>
          <div class="three columns">
            <a href="#" class="radius button right">Contact Us</a>
          </div>
        </div>
      </div>
      
    </div>
  </div>
  
  
  <!-- Footer -->
  
<?php include '../includes/footer.php'?>
  
  
  
</body>
</html>
